<div className="flex flex-col w-[271px] gap-6 tablet:w-[520px] tablet:gap-8 relative">
        <div className="relative flex flex-col">
          <label className="block mb-2.5 text-lg font-medium text-gray-800 tablet:mb-2 tablet:text-2lg">
            담당자
          </label>
          <button
            className="w-full px-4 py-3 font-normal text-md text-gray-500 border border-gray-400 rounded-md tablet:py-[11px] tablet:text-lg"
            onClick={() => setIsDropdownOpen((prev) => !prev)}
          >
            <div className="flex justify-between">
              <span>{selectedManager || "이름을 입력해 주세요"}</span>
              <Image src={dropdownIcon} width={8} height={8} alt="" />
            </div>
          </button>

          {isDropdownOpen && (
            <ul className="border border-gray-400 rounded-md w-[271px] tablet:w-[520px] absolute top-[89px] z-10 bg-white">
              {managers.map((manager) => (
                <li
                  key={manager}
                  className="px-4 py-[11px] hover:text-violet hover:bg-violet-8 cursor-pointer"
                  onClick={() => {
                    setSelectedManager(manager);
                    setIsDropdownOpen(false);
                  }}
                >
                  {manager}
                </li>
              ))}
            </ul>
          )}
        </div>